<template>
  <svg xmlns="http://www.w3.org/2000/svg" 
    :width="_width" 
    :height="_height"
    :spin="spin"
    :rtl="rtl"
    viewBox="0 0 160 160"
    preserveAspectRatio="xMidYMid meet"
    fill="none"
    role="presentation"
    ref="host"
  >
    <g><path d="M136.232 118.072V99.09l-18.634-9.63V70.181l-18.639-9.62V41.302L79.999 31.5l-18.961 9.797v19.262l-18.635 9.623v19.261l-18.634 9.631v19.657h.053l18.907 9.769 18.635-9.631 18.634 9.631 18.64-9.631 18.634 9.631 18.96-9.797v-.631ZM61.686 41.636l18.312-9.473 18.313 9.473v18.926l-5.618 2.91-12.695 6.556-13.713-7.09-4.595-2.368-.004-18.934Zm-.644 76.7-18.313 9.473-18.312-9.473v-18.91l18.312-9.473 10.376 5.364 7.937 4.1v18.919Zm-8.82-24.16-9.153-4.737V70.493L61.38 61.02l10.424 5.388 7.889 4.074v18.946l-7.889 4.077-10.424 5.388-9.158-4.717Zm46.089 24.16-18.313 9.473-18.312-9.473v-18.91l4.594-2.369 13.718-7.104 12.695 6.56 5.618 2.905v18.918Zm-8.82-24.16-9.153-4.737V70.493l9.154-4.736 9.158-4.737 18.313 9.473V89.44l-9.159 4.736-9.154 4.736-9.158-4.736Zm46.093 24.16-18.312 9.473-18.313-9.473v-18.91l7.937-4.101 10.38-5.365 18.313 9.474-.005 18.902Z" data-follow-fill="#fff" :fill="_fill"/><path d="M54.262 82.905c-.12.412-.23.795-.332 1.202.462-.11.89-.206 1.347-.292.12-.412.249-.778.387-1.153-.47.074-.94.152-1.402.243ZM65.7 78.01l-1.148-1.025c-.406.066-.807.136-1.2.214l1.845 1.647a7.138 7.138 0 0 1-.973 1.099l-2.591-2.318c-.36.107-.71.222-1.052.35l2.878 2.569a6.75 6.75 0 0 1-.664.391c-.24.115-.484.227-.733.325l-2.906-2.593a5.986 5.986 0 0 0-.7.535l-.07.062 2.643 2.359c-.564.163-1.137.3-1.716.411l-1.886-1.683a9.145 9.145 0 0 0-.512.823l1.213 1.078c-.609.108-1.227.202-1.845.297-.143.37-.276.75-.396 1.14 2.743-.481 5.612-.728 7.922-1.877 2.07-1.03 3.228-3.038 3.98-5.352-.461.09-.964.169-1.448.247-.186.444-.4.878-.641 1.3Zm-15.03 5.924 1.016.906c.147-.066.304-.12.46-.181l.923.823c.083-.358.161-.712.249-1.062l-.12-.111.157-.041c.101-.42.212-.832.332-1.235a15.77 15.77 0 0 0-3.016.901Zm15.865-7.756c.46-.074.922-.157 1.406-.243.12-.395.23-.795.332-1.198-.46.107-.894.202-1.35.292-.12.393-.25.776-.388 1.149Zm.54-1.672c.46-.09.894-.193 1.332-.308a.753.753 0 0 1 .023-.1l.078.07c.365-.094.724-.201 1.075-.325l-.922-.823c.037-.194.078-.383.12-.572l-1.015-.906a38.388 38.388 0 0 1-.692 2.964Z" data-follow-fill="#fff" :fill="_fill"/><path d="M57.043 77.94c-2.135 1.906-2.947 5.196-3.634 8.44l1.015.906c.687-3.245 1.498-6.53 3.634-8.44a6.418 6.418 0 0 1 1.383-.927c3.542-1.758 8.393-1.408 12.11-3.013L70.537 74c-3.717 1.606-8.569 1.235-12.11 3.014a6.27 6.27 0 0 0-1.384.926Zm22.933-35.627s-5.787 8.645-5.787 11.527c.042 1.346.67 2.624 1.752 3.562 1.081.938 2.53 1.463 4.037 1.463 1.508 0 2.957-.525 4.038-1.463 1.08-.938 1.71-2.216 1.752-3.562 0-2.873-5.792-11.528-5.792-11.528Zm0 15.59c-1.211-.001-2.372-.432-3.229-1.197-.856-.764-1.339-1.8-1.341-2.882 0-1.585 2.49-6.048 4.57-9.346 2.084 3.294 4.575 7.76 4.575 9.346-.003 1.082-.486 2.119-1.343 2.884-.858.765-2.02 1.195-3.232 1.196Z" data-follow-fill="#fff" :fill="_fill"/><path d="M79.377 56.281a3.39 3.39 0 0 1-1.35-1.16 2.901 2.901 0 0 1-.495-1.614.37.37 0 0 0-.069-.367.452.452 0 0 0-.163-.123.507.507 0 0 0-.416 0 .453.453 0 0 0-.163.123.37.37 0 0 0-.07.366c0 .71.214 1.407.62 2.017.406.61.988 1.11 1.686 1.45a.504.504 0 0 0 .213.05.502.502 0 0 0 .227-.06.437.437 0 0 0 .164-.15.37.37 0 0 0 .024-.298.424.424 0 0 0-.208-.234Zm9.717 44.925s-.65.56-2.652.56a13.896 13.896 0 0 1-1.54-.095c-3.371-.387-4.805-1.72-4.805-1.72s-1.44 1.333-4.806 1.72c-.51.06-1.025.092-1.54.095-2.006 0-2.656-.56-2.656-.56s-1.946 10.293 9.002 15.978c10.924-5.665 8.997-15.978 8.997-15.978Zm-8.997 14.887a15.849 15.849 0 0 1-4.826-3.898 13.93 13.93 0 0 1-2.737-5.271c-.39-1.43-.562-2.9-.512-4.372a8.861 8.861 0 0 0 1.73.152 15.084 15.084 0 0 0 1.673-.102 11.684 11.684 0 0 0 4.672-1.462c1.408.801 3.006 1.3 4.666 1.457.557.065 1.118.1 1.68.103a8.813 8.813 0 0 0 1.724-.152c.087 2.701-.512 9.35-8.07 13.545Z" data-follow-fill="#fff" :fill="_fill"/><path d="M81.365 104.771h-2.5v2.244h-2.509v2.228h2.51v2.239h2.499v-2.239h2.508v-2.228h-2.508v-2.244Zm21.138-28.984c-1.343.001-2.635.46-3.612 1.282-.977.823-1.565 1.947-1.645 3.144h10.514c-.078-1.197-.667-2.322-1.644-3.145-.977-.823-2.269-1.28-3.613-1.28Zm-5.262 4.953c.057 1.212.636 2.357 1.617 3.197.98.84 2.286 1.308 3.645 1.308s2.665-.469 3.645-1.308c.981-.84 1.56-1.985 1.617-3.197H97.241Zm-4.45-8.374c-.896.002-1.755.32-2.389.886-.634.566-.992 1.332-.996 2.132v9.136c.033.781.403 1.521 1.034 2.064.63.543 1.473.846 2.349.846.876 0 1.718-.303 2.349-.846.63-.543 1.001-1.283 1.033-2.064v-9.136c-.003-.8-.36-1.565-.994-2.13-.633-.566-1.49-.885-2.386-.888Zm2.656 7.749H90.13v-4.628c.029-.612.321-1.191.817-1.616a2.839 2.839 0 0 1 1.842-.66c.686 0 1.346.236 1.842.66.495.425.788 1.004.816 1.616v4.628Zm32.342 25.891c-.087-1.343-.734-2.601-1.805-3.509-1.071-.908-2.481-1.393-3.931-1.353h-.281c-1.942.077-3.408 1.249-4.15 1.984-.724-.748-2.168-1.937-4.109-2.039h-.378c-1.432-.034-2.823.444-3.885 1.335-1.063.89-1.715 2.126-1.824 3.45-.189 2.566 1.697 4.802 3.136 6.261a32.464 32.464 0 0 0 6.635 4.948l.309.171.318-.167a32.661 32.661 0 0 0 6.714-4.863c1.476-1.428 3.399-3.647 3.251-6.218Zm-4.15 5.423a31.27 31.27 0 0 1-6.1 4.499 31.14 31.14 0 0 1-6.036-4.559c-.36-.363-.752-.782-1.121-1.24h3.929a.22.22 0 0 0 .166-.068l.216-.266.268 1.142a.193.193 0 0 0 .073.096.213.213 0 0 0 .121.036.212.212 0 0 0 .12-.036.187.187 0 0 0 .073-.096l.254-1.056.318 1.561c.011.04.036.075.071.1a.203.203 0 0 0 .123.037.206.206 0 0 0 .121-.035.175.175 0 0 0 .072-.098l.973-4.375.803 6.454a.17.17 0 0 0 .07.106.2.2 0 0 0 .128.039.204.204 0 0 0 .125-.037.179.179 0 0 0 .069-.104l.691-3.849.286 1.646c.009.04.032.076.065.101.034.026.076.04.12.041a.206.206 0 0 0 .121-.029.184.184 0 0 0 .077-.091l.484-1.42.189.804a.18.18 0 0 0 .068.095.21.21 0 0 0 .117.038c.04.002.08-.007.114-.026a.187.187 0 0 0 .079-.081l.254-.595.226.291a.19.19 0 0 0 .071.054.214.214 0 0 0 .09.019.212.212 0 0 0 .157-.06l.337-.355h2.845c-.382.459-.79.899-1.222 1.317h-.005Zm1.48-1.646h-3.2a.199.199 0 0 0-.084.015.185.185 0 0 0-.068.049l-.226.235-.29-.381a.197.197 0 0 0-.18-.072.19.19 0 0 0-.171.107l-.147.346-.208-.89a.17.17 0 0 0-.071-.094.204.204 0 0 0-.118-.034.209.209 0 0 0-.115.03.172.172 0 0 0-.074.086l-.461 1.334-.341-1.993a.192.192 0 0 0-.073-.101.213.213 0 0 0-.123-.038.216.216 0 0 0-.124.038.19.19 0 0 0-.072.101l-.66 3.682-.788-6.316a.166.166 0 0 0-.065-.106.196.196 0 0 0-.124-.04.214.214 0 0 0-.124.035.187.187 0 0 0-.075.098l-1.019 4.58-.309-1.518a.191.191 0 0 0-.073-.096.22.22 0 0 0-.241 0 .197.197 0 0 0-.073.096l-.272 1.12-.171-.722a.16.16 0 0 0-.058-.089.19.19 0 0 0-.103-.04.238.238 0 0 0-.106.012.216.216 0 0 0-.088.057l-.419.517h-4.086c-.848-1.116-1.535-2.442-1.434-3.849.078-1.034.588-2 1.422-2.691a4.498 4.498 0 0 1 3.042-1.012h.309c2.153.111 3.638 2.1 3.652 2.117l.507.701.521-.693c0-.021 1.517-1.988 3.689-2.069a4.68 4.68 0 0 1 1.706.186c.55.166 1.059.431 1.498.781.439.349.798.776 1.058 1.255.26.479.414 1.002.455 1.537.074 1.364-.59 2.647-1.42 3.729h-.005Zm-71.829-1.272a1.902 1.902 0 0 0-.345-1.092 2.212 2.212 0 0 0-.938-.758 2.49 2.49 0 0 0-1.241-.191 2.416 2.416 0 0 0-1.164.435 2.064 2.064 0 0 0-.727.927 1.85 1.85 0 0 0-.068 1.134c.096.376.308.72.612.992s.686.461 1.104.546v3.441a4.123 4.123 0 0 1-.336 1.771 4.494 4.494 0 0 1-1.075 1.513 5.07 5.07 0 0 1-1.644 1.015 5.48 5.48 0 0 1-1.953.357 5.48 5.48 0 0 1-1.952-.357 5.07 5.07 0 0 1-1.644-1.015 4.492 4.492 0 0 1-1.075-1.513 4.121 4.121 0 0 1-.337-1.771v-1.402h2.21c.593 0 1.164-.195 1.608-.549a2.13 2.13 0 0 0 .8-1.372l1.264-9.184a1.982 1.982 0 0 0-.09-.917 2.137 2.137 0 0 0-.5-.803 2.43 2.43 0 0 0-.823-.545 2.652 2.652 0 0 0-.999-.192h-.913a.551.551 0 0 0-.385.115.456.456 0 0 0-.122.151.414.414 0 0 0 0 .366c.029.058.07.11.122.152a.553.553 0 0 0 .385.115h.913c.203-.002.404.036.589.11a1.4 1.4 0 0 1 .483.323c.133.137.232.299.29.475.057.175.072.359.043.54l-1.232 9.184c-.043.31-.209.595-.467.802a1.524 1.524 0 0 1-.937.326H37.3a1.523 1.523 0 0 1-.937-.326 1.252 1.252 0 0 1-.468-.802l-1.264-9.184a1.144 1.144 0 0 1 .043-.54c.057-.176.156-.338.29-.475a1.4 1.4 0 0 1 .483-.323c.185-.074.386-.112.589-.11h1.292a.553.553 0 0 0 .385-.115.458.458 0 0 0 .121-.152.416.416 0 0 0-.12-.517.55.55 0 0 0-.385-.115h-1.293c-.344 0-.684.066-.997.193a2.432 2.432 0 0 0-.82.546c-.23.231-.4.505-.502.801a1.97 1.97 0 0 0-.088.917l1.264 9.184a2.13 2.13 0 0 0 .8 1.372 2.58 2.58 0 0 0 1.607.549h2.205v1.402c0 1.437.633 2.815 1.76 3.831s2.655 1.587 4.248 1.587c1.593 0 3.121-.571 4.248-1.587 1.127-1.016 1.76-2.394 1.76-3.831v-3.441a2.31 2.31 0 0 0 1.273-.716 1.92 1.92 0 0 0 .497-1.277Z" data-follow-fill="#fff" :fill="_fill"/></g>
  </svg>
</template>

<script lang="ts">
import { Vue, prop } from 'vue-class-component';

class Props {
    width = prop<number | string>({
      type: [Number, String],
      required: false
    })
    
    height = prop<number | string>({
      type: [Number, String],
      required: false
    })
    
    stroke = prop<string>({
      type: String,
      required: false
    })
    
    fill = prop<string>({
      type: String,
      required: false
    })
    
    color = prop<string>({
      type: String,
      required: false
    })
    
    spin = prop<boolean>({
      type: Boolean,
      required: false
    })
    
    rtl = prop<boolean>({
      type: Boolean,
      required: false
    })
    

  // optional prop with default
  size = prop<number | string>({ default: '1em' })
}

export default class Frame626673 extends Vue.with(Props) {
    get _fill(): string | undefined {
        return this.fill || this.color
    }
    get _stroke(): string | undefined {
        return this.stroke || this.color
    }
    get _width(): string | number {
      return this.width || this.size
    }
    get _height(): string | number {
      return this.height || this.size
    }
  mounted():void {
        if (!this._fill) {
            (this.$refs.host as HTMLElement)?.querySelectorAll('[data-follow-fill]').forEach(item => {
            item.setAttribute('fill', item.getAttribute('data-follow-fill') || '')
            })
        }
        if (!this._stroke) {
            (this.$refs.host as HTMLElement)?.querySelectorAll('[data-follow-stroke]').forEach(item => {
            item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '')
            })
        }
    }
    updated():void {
        if (!this._fill) {
            (this.$refs.host as HTMLElement)?.querySelectorAll('[data-follow-fill]').forEach(item => {
            item.setAttribute('fill', item.getAttribute('data-follow-fill') || '')
            })
        }
        if (!this._stroke) {
            (this.$refs.host as HTMLElement)?.querySelectorAll('[data-follow-stroke]').forEach(item => {
            item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '')
            })
        }
    }
}
</script>

<style scoped>
svg[spin="true"] {animation: iconpark-spin 1s infinite linear;}
svg[spin="true"][rtl="true"] {animation: iconpark-spin-rtl 1s infinite linear;}
svg[rtl="true"] {
  transform: scaleX(-1);
}
@keyframes iconpark-spin {
  0% { -webkit-transform: rotate(0); transform: rotate(0);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes iconpark-spin-rtl {
  0% {-webkit-transform: scaleX(-1) rotate(0); transform: scaleX(-1) rotate(0);} 100% {-webkit-transform: scaleX(-1) rotate(360deg); transform: scaleX(-1) rotate(360deg);}
}
</style>
